<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        
    </style>
</head>
<body>
    <ul id="list">
        <li>link1</li>
        <li>link2</li>
        <li>link3</li>
        <li>link4</li>
        <li>link5</li>
    </ul>
</body>
<script>

    // 关于window

    // var a = "千锋牛逼";
    // console.log(window.a);
    // console.log(a);

    // var obj = {name:"李扬"}
    // console.log(obj);
    // console.log(window.obj);
    // console.log(window.obj === obj);

    // function fn(){ /*哈哈哈*/ }
    // console.log(fn);
    // console.log(window.fn);
    // console.log(window.fn === fn);

    // function fun(){
    //     var abc = "hello";
    //     window.qwe = "world";
    // }
    // fun();
    // console.log(qwe);
    // console.log(abc);


    // =======


    // 当前函数的执行对象

    // function fn(){
    //     console.log(this);
    // }
    // window.fn();
    // fn();

    // var obj = {
    //     name:"obj",
    //     show:function(){
    //         console.log(this);
    //     }
    // }

    // obj.show();     // obj

    // var fn = obj.show;

    // fn();       // window

    // document.onclick = fn;


    // function fn(){
    //     console.log(this);
    //     return function(){
    //         console.log(this);
    //     }
    // }
    // var obj2 = {
    //     name:"obj2"
    // }

    // obj2.show = fn();

    // obj2.show();

    // fn()();


    // 没有明确隶属对象的函数，被直接执行时，指向window

    // 有明确隶属对象的函数，被直接执行时，指向当前对象

    // function f(){
    //     console.log(this);
    // }
    // f()
    // var obj3 = {name:"obj3"}
    // obj3.show = f;
    // obj3.show();

    // 当前函数的执行对象

    // var obj4 = {
    //     name:"obj4",
    //     show:function(){
    //         console.log(this);
    //     }
    // }
    // var obj5 = {
    //     name:"obj4",
    //     show:function(a){
    //         a();
    //     }
    // }

    // obj5.show( obj4.show );


    // "use strict";
    // function fn(){
    //     console.log(this)
    // }
    // fn();
    // window.fn();



    // =======

    // var lis = document.querySelectorAll("#list li");
    // console.log(lis);

    // for(var i=0;i<lis.length;i++){
    //     lis[i].onclick = function(){
    //         console.log( this );
    //     }
    // }


</script>
</html>